<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>HTML5 Widgets</title>
		<link rel="stylesheet" href="../../shared/css/useragentmanExample.css" type="text/css" media="all" />
    </head>
    <body id="myExample">
        <fieldset>
        	<legend>HTML5 Form Examples</legend>
       
        <ul class="exampleList">
            <li>
                <strong>My Examples that show html5Widgets and webforms2 in action:</strong>
                
				<ul>
					<li><a href="patternRequired.html"><code>required</code> and <code>pattern</code> validation</a></li>
					<li><a href="patternRequiredWithVisibleIf.html"><code>required</code> and <code>pattern</code> validation with <code>visibleIf</code></a></li>
					<li><a href="autofocus.html"><code>autofocus</code> example</a></li>
					<li><a href="placeholder.html"><code>placeholder</code> example</a></li>
					<li><a href="range.html"><code>range</code> example</a></li>
					<li><a href="datetime.html">the various <code>date</code> related widgets</a></li>
					<li><a href="output.html"><code>output</code> tag with <code>onforminput</code> event</a></li>
					<li><a href="outputWithOninput.html"><code>output</code> tag with <code>oninput</code> event</a></li>
					<li><a href="outputWithBothOnforminputAndOninput.html"><code>output</code> tag with both <code>onforminput</code> and <code>oninput</code> events</a></li>
					<li><a href="color.html"><code>color</code> example</a></li>
					<li><a href="example.html">And now ... everything together.</a></li>
				</ul>
				
            </li>
            <li>
                <strong>Various Examples from other websites:</strong>
                <ul>
                    <li>
                        <a href="24ways.org/index.html">Payment Form</a>
                        from <a href="http://24ways.org/">Inayaili de León</a>'s 
						<a href="http://24ways.org/2009/have-a-field-day-with-html5-forms">
                        tutorial on HTML5 form
                    </li>
                    <li>
                        <a href="bradshawenterprises.com/index.html">HTML5 Form Demo</a>
                        from <a href="http://www.bradshawenterprises.com/">Richard Bradshaw</a>'s 
                        article <a href="http://www.bradshawenterprises.com/blog/2010/fancy-forms-html5-css3-js/">Fancy Forms: HTML5 + CSS3 – JS</a>
                    </li>
                    
                    <li>
                        <a href="dev.opera.com">Example</a> from  the article 
						<a href="http://dev.opera.com/articles/view/improve-your-forms-using-html5/">Improve your forms using HTML5!</a>
						from <a href="http://dev.opera.com">The Opera Developer Community Website</a>.
                    </li>
                </ul>
                </ul>
			 </fieldset>
            </body>
            </html>
